<template>
    <van-tabbar
       v-model="active" 
      route
      active-color="#ff5f16"
      inactive-color="#999"
      >
        <van-tabbar-item replace :to="{name:l.name}"  v-for="(l,i) in footList" :key="i" 
        :badge="l.has?cartNum:null"
        >
          <span>{{l.text}}</span>
          <template #icon="props">
              <i class="iconfont" :class="l.icon" ></i>
          </template>
        </van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
  data(){
    return {
      active:0
    }
  }
}
</script>
